<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="app">
			
		</div>
		<script type="text/javascript">
			var vm=new Vue({
				el:"#app",
				data:{},
				methods:{},
				beforeCreate(){
				//第一个生命周期，实例在完全被创建之前执行
				//执行时，data和methods中的数据还没有初始化
					
				},
				created(){
				//第二个生命周期
				//data和methods已经被初始化
				//要使用data或methods中的数据和方法，最早只能在created中操作
				},
				beforeMount(){
				//第三个生命周期，表示模板已经在内存中编辑完成了，但是还未渲染到页面中
				//执行时，页面中的元素还没有被正则替换，页面中的数据还是之前写的模板字符串
				},
				mounted(){
				//第四个生命周期函数，表示内存中的模板，已经真实挂载到了页面中，用户可以看到已经渲染完成的页面
				//实例创建期间的最后一个生命周期函数，当执行完mounted 就表示实例已经创建好了，此时如果没有其他操作，这个实例就在内存中等待被操作
				},
				
				//两个运行中的事件
				beforeUpdate(){
				//执行时，界面中的数据还没有被更新【数据已被更新】
				//data数据是最新数据，页面还没有更新数据
				},
				updated(){
				//执行时，页面和data数据保持同步了，都已更新
				},
				//销毁事件
				beforeDestroy(){
				//当执行时，Vue实例已经从运行阶段，进入销毁阶段
				//实例身上所有的data和methods等指令，都处于可用状态，还未真正的执行销毁过程
				},
				destroyed(){
				//当执行时，组件已被完全销毁，指令都已经不可用					
				}
			});
		</script>
	</body>
</html>
